<template>
  <div>
    hello component
    <set1 @change="chang" @delete="delete1" foo="saw" age="12as">
      <template #header="{ data }">
        <div>123header{{ data }}</div>
      </template>
      <template #footer="{ data }">
        <div>123footer{{ data }}</div>
      </template>
    </set1>
    <button
      @click="
        () => {
          $emit('onclick');
        }
      "
    >
      12{{ title }}
    </button>
    <input
      type="text"
      @input="
        (e) => {
          $emit('update:count1', e.target.value);
        }
      "
    />
    <input
      type="text"
      @input="
        (e) => {
          $emit('update:count2', e.target.value);
        }
      "
    />
  </div>
</template>

<script>
import set1 from "./set.vue";
export default {
  props: ["title"],
  emits: ["onclick", "update:count1", "update:count2"],
  components: { set1 },
  setup(props, ctx) {
    const change = function () {};
    const delete1 = function () {};
    return {
      change,
      delete1,
    };
  },
};
</script>

<style></style>
